<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1"/>
    <title>一家镖局 </title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/nctouch_member.css">
</head>
<body>
<header id="header" class="fixed">
    <div class="header-wrap">
        <div class="header-l"><a href="member.html"><i class="back"></i></a></div>
        <div class="header-title">
            <h1>我的快件</h1>
        </div>

    </div>

</header>
<div class="nctouch-main-layout">
    <div id="fixed_nav" class="nctouch-single-nav">
        <ul id="filtrate_ul" class="w25h">
            <li class="selected"><a href="">
                <p class="lh9-lih9">全部</p></a></li>
            <li><a href="">
                <p class="lh9-lih9">待揽件</p></a></li>
            <li><a href="">
                <p class="lh9-lih9">运送中</p></a></li>
            <li><a href="">
                <p class="lh9-lih9">已完成</p></a></li>
        </ul>
    </div>
    <div class="nctouch-order-list">
        <ul id="order-list">

            <li class="green-order-skin mt5">
                <div class="nctouch-order-item">
                    <div class="nctouch-order-item-head pl_5rem pr_5rem">
                        <a class="store">面单号：177169652262969
                            <img class="vm ml_2rem" src="images/ji-ico.png" alt="" width="16">
                            <img class="vm ml_2rem" src="images/xian-ico.png" alt="" width="16">
                        </a>
                        <span class="state">
							<span class="ot-nofinish">待揽件</span>
						</span>
                    </div>
                    <div class="nctouch-order-item-con pl_5rem pr_5rem c666">

                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人姓名：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">张三</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                联系方式：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">18007802435</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人地址：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">广西南宁市西乡塘滨河路5号中盟科技园4号3楼</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                运费金额：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">8899565.00</dt>
                            </dl>
                        </div>
                    </div>
                    <div class="nctouch-order-item-footer pl_5rem pr_5rem">
                        <div class="handle">
                            <a href="" class="kj-btn" style="margin-right:0.2rem;">取消订单</a>
                            <a href="" class="kj-btn ">订单详情</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="green-order-skin mt5">
                <div class="nctouch-order-item">
                    <div class="nctouch-order-item-head pl_5rem pr_5rem">
                        <a class="store">面单号：177169652262969
                            <img class="vm ml_2rem" src="images/ji-ico.png" alt="" width="16">
                            <img class="vm ml_2rem" src="images/xian-ico.png" alt="" width="16">
                        </a>
                        <span class="state">
							<span class="ot-nofinish">运送中</span>
						</span>
                    </div>
                    <div class="nctouch-order-item-con pl_5rem pr_5rem">
                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人姓名：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">张三</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                联系方式：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">18007802435</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人地址：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">广西南宁市西乡塘滨河路5号中盟科技园4号3楼</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                运费金额：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">8899565.00</dt>
                            </dl>
                        </div>
                    </div>
                    <div class="nctouch-order-item-footer pl_5rem pr_5rem">
                        <div class="handle">
                            <a href="" class="kj-btn" style="margin-right:0.2rem;">订单详情</a>
                            <a href="" class="kj-btn2">快件查询</a>
                        </div>
                    </div>
                </div>
            </li>

            <li class="green-order-skin mt5">
                <div class="nctouch-order-item">
                    <div class="nctouch-order-item-head pl_5rem pr_5rem">
                        <a class="store">面单号：177169652262969
                            <img class="vm ml_2rem" src="images/ji-ico.png" alt="" width="16">
                            <img class="vm ml_2rem" src="images/xian-ico.png" alt="" width="16">
                        </a>
                        <span class="state">
							<span class="ot-nofinish">已妥投</span>
						</span>
                    </div>
                    <div class="nctouch-order-item-con pl_5rem pr_5rem">
                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人姓名：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">张三</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                联系方式：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">18007802435</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人地址：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">广西南宁市西乡塘滨河路5号中盟科技园4号3楼</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                运费金额：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">8899565.00</dt>
                            </dl>
                        </div>
                    </div>
                    <div class="nctouch-order-item-footer pl_5rem pr_5rem">
                        <div class="handle">
                            <a href="" class="kj-btn" style="margin-right:0.2rem;">订单详情</a>
                            <a href="" class="kj-btn2">快件查询</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="green-order-skin mt5">
                <div class="nctouch-order-item">
                    <div class="nctouch-order-item-head pl_5rem pr_5rem">
                        <a class="store">面单号：17716965226296919
                            <img class="vm ml_2rem" src="images/ji-ico.png" alt="" width="16">
                            <img class="vm ml_2rem" src="images/xian-ico.png" alt="" width="16">
                        </a>
                        <span class="state">
							<span class="ot-nofinish">退件完成</span>
						</span>
                    </div>
                    <div class="nctouch-order-item-con pl_5rem pr_5rem">
                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人姓名：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">张三</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                联系方式：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">18007802435</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                收件人地址：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">广西南宁市西乡塘滨河路5号中盟科技园4号3楼</dt>
                            </dl>
                        </div>
                        <div class="goods-block">
                            <div class="goods-pic">
                                运费金额：
                            </div>
                            <dl class="goods-info">
                                <dt class="goods-name">8899565.00</dt>
                            </dl>
                        </div>
                    </div>
                    <div class="nctouch-order-item-footer pl_5rem pr_5rem">
                        <div class="handle">
                            <a href="" class="kj-btn" style="margin-right:0.2rem;">订单详情</a>
                            <a href="" class="kj-btn2">快件查询</a>
                        </div>
                    </div>
                </div>
            </li>


        </ul>
    </div>
</div>
<!--返回顶部-->
<div class="fix-block-r">
    <a href="javascript:void(0);" class="gotop-btn gotop hide" id="goTopBtn"><i></i></a>
</div>

<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/common.js"></script>


<script>
    var page=1; //当前页的页码
    var flagNoData = false; //false
    var allpage; //总页码，会从后台获取
    function showAjax(page){
        $.ajax({
            url:"",
            type:"",
            data:"",
            success:function(data){
                //要执行的内容
                showContent();
                if(page>=data.allpage){ //当前页码大于等于总页码
                    flagNoData = true;
                };
                page+=1;    //页数加1
            }
        })
    }
    function scrollFn(){
        //真实内容的高度
        var pageHeight = Math.max(document.body.scrollHeight,document.body.offsetHeight);
        //视窗的高度
        var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
        //隐藏的高度
        var scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
        if(falgNoData){ //数据全部加载完了
            return;
        }else if(pageHeight - viewportHeight - scrollHeight < 10){    //如果满足触发条件，执行
            showAjax(page);
        }
    }
    $(window).bind("scroll",scrollFn);    //绑定滚动事件
</script>

</body>
</html>